<template>
  <view class="partner tn-safe-area-inset-bottom">
	  <tn-nav-bar fixed :isBack="false" :bottomShadow="false" backgroundColor="#FFFFFF">
	    <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
	      <!-- 搜索框 -->
	      <view class="custom-nav__search tn-flex tn-flex-col-center tn-flex-row-center" @click="tn('/pages/search/search')">
	        <view class="custom-nav__search__box tn-flex tn-flex-col-center tn-flex-row-left" style="background-color: rgba(230,230,230,0.3);">
	          <view class="custom-nav__search__icon tn-icon-search tn-color-gray"></view>
	          <view class="custom-nav__search__text tn-padding-left-xs tn-color-gray">搜索 问题记录</view>
	        </view>
	      </view>
	    </view>
	  </tn-nav-bar>
    <view class="" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
      
      <view class="tn-flex tn-flex-col-top tn-margin tn-cat-shadow tn-padding" v-for="(item,index) in 18" :key="index" @click="tn('/problemPages/detail')">

        <view class="tn-padding-left-sm" style="width: 100%;">
          <view class="tn-flex tn-flex-row-between tn-flex-col-between">
            <view class="justify-content-item">
              <text class="tn-color-cat tn-text-lg tn-text-bold">巡检1</text>
              <text class="tn-color-gray tn-padding-left-sm tn-padding-right-xs">张三</text>
            </view>
            <!-- <view class="justify-content-item tn-round tn-text-xs tn-bg-gray--light tn-color-cat" style="padding: 10rpx 20rpx;">
              详 情
            </view> -->
          </view>
          <view class=" tn-padding-top-xs">
            <text class="tn-color-gray">地点：食堂东门</text>
          </view>
          <view class=" tn-padding-top-xs">
            <text class="tn-color-cat">问题描述：消防门损坏</text>
          </view>
          <view class="tn-flex tn-flex-row-between tn-flex-col-between tn-margin-top-sm">
            <view class="justify-content-item tn-round tn-text-xs tn-bg-orangered--light tn-color-orangered" style="padding: 5rpx 15rpx;">
              食堂安全
            </view>
            <view class="justify-content-item tn-color-gray tn-text-center tn-color-gray">
              <text class="tn-icon-time tn-padding-right-xs tn-text-df"></text>
              <text class="tn-text-sm">2023-12-24 16:10:10</text>
            </view>
          </view>
        </view>
      </view>
      
    </view>
  </view>
</template>

<script>
  import template_page_mixin from '@/libs/mixin/template_page_mixin.js'
  export default {
    name: 'TemplatePartner',
    mixins: [template_page_mixin],
    data(){
      return {}
    },
    methods: {
      // 跳转
      tn(e) {
      	uni.navigateTo({
      		url: e,
      	});
      },
    }
  }
</script>

<style lang="scss" scoped>
	.partner{
	  max-height: 100vh;
	}
  
  /* 自定义导航栏内容 start */
  .custom-nav {
    height: 100%;
    
    &__back {
      margin: auto 5rpx;
      font-size: 40rpx;
      margin-right: 10rpx;
      margin-left: 30rpx;
      flex-basis: 5%;
    }
    
    &__search {
      flex-basis: 60%;
      width: 100%;
      height: 100%;
      
      &__box {
        width: 100%;
        height: 70%;
        padding: 10rpx 0;
        margin: 0 30rpx;
        border-radius: 60rpx 60rpx 0 60rpx;
        font-size: 24rpx;
      }
      
      &__icon {
        padding-right: 10rpx;
        margin-left: 20rpx;
        font-size: 30rpx;
      }
      
      &__text {
        // color: #AAAAAA;
      }
    }
  }
  .logo-image{
    width: 65rpx;
    height: 65rpx;
    position: relative;
    border: 1rpx solid #F8F7F8;
    border-radius: 50%;
  }
  .logo-pic{
    background-size: cover;
    background-repeat:no-repeat;
    // background-attachment:fixed;
    background-position:top;
    border-radius: 50%;
  }
  /* 自定义导航栏内容 end */
  
  
  
  /* 页面阴影 start*/
  .tn-cat-shadow {
    border-radius: 15rpx;
    box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
  }
  
  /* 用户头像 start */
  .logo-image {
    width: 100rpx;
    height: 100rpx;
    position: relative;
  }
  
  .logo-pic {
    background-size: cover;
    background-repeat: no-repeat;
    // background-attachment:fixed;
    background-position: top;
    border: 1rpx solid rgba(255,255,255,0.05);
    box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    overflow: hidden;
    // background-color: #FFFFFF;
  }
</style>
